import React, { Component } from 'react'
import { Select, Form, Card, Button, Row, Col, Table, Divider, Tag, Input } from 'antd';
import AddButton from "./AddButton"


export default class index extends Component {

  render() {
    const columns = [
      {
        title: '用户名',
        dataIndex: 'name',
        key: 'name',
        render: text => <a>{text}</a>,
      },
      {
        title: '所属机构',
        dataIndex: 'age',
        key: 'age',
      },
      {
        title: '科室代码',
        dataIndex: 'address',
        key: 'address',
      },
      {
        title: '所属城市',
        dataIndex: 'address',
        key: 'address',
      },
      {
        title: '所属市',
        dataIndex: 'address',
        key: 'address',
      },
      {
        title: '所属区县',
        dataIndex: 'address',
        key: 'address',
      },
      {
        title: '姓名',
        dataIndex: 'address',
        key: 'address',
      },
      {
        title: '联系电话',
        dataIndex: 'address',
        key: 'address',
      },
      {
        title: '保密协议状态',
        dataIndex: 'address',
        key: 'address',
      },
      {
        title: '状态',
        dataIndex: 'address',
        key: 'address',
      },
      {
        title: '登录时间',
        dataIndex: 'address',
        key: 'address',
      },

      {
        title: '操作',
        key: 'action',
        render: (text, record) => (
          <div>
            <Button type="primary"  >修改</Button>
            <Button type="danger" style={{ marginLeft: "10px" }}>删除</Button>
          </div>
        ),
      },
    ];

    const data = [
      {
        key: '1',
        name: '飞天机构',
        age: '001极地',
        address: '北极区域',
        tags: ['2001-12-3'],
      },
      {
        key: '2',
        name: '战地机构',
        age: "002极地",
        address: '南极区域',
        tags: ['2001-12-3'],
      },

    ];
    const formItemLayout = {
      labelCol: {
        xs: { span: 24 },
        sm: { span: 8 },
      },
      wrapperCol: {
        xs: { span: 24 },
        sm: { span: 16 },
      },
    };
    return (
      <div>
        <Card style={{ width: "100%" }}>
          <Form {...formItemLayout} layout="horizontal">
            <Row gutter={16} >
              <Col span={6}>
                <Form.Item label="省份">
                  <Select
                    showSearch
                    style={{ width: 200 }}
                    placeholder="请选择省份"
                  >
                    <Option value="jack">Jack</Option>
                    <Option value="lucy">Lucy</Option>
                    <Option value="tom">Tom</Option>
                  </Select>
                </Form.Item>
              </Col>
              <Col span={6}>
                <Form.Item label="城市">
                  <Select
                    showSearch
                    style={{ width: 200 }}
                    placeholder="请选择城市"
                  >
                    <Option value="jack">Jack</Option>
                    <Option value="lucy">Lucy</Option>
                    <Option value="tom">Tom</Option>
                  </Select>
                </Form.Item>
              </Col>
              <Col span={6}>
                <Form.Item label="区县">
                  <Select
                    showSearch
                    style={{ width: 200 }}
                    placeholder="请选择区县"
                  >
                    <Option value="jack">Jack</Option>
                    <Option value="lucy">Lucy</Option>
                    <Option value="tom">Tom</Option>
                  </Select>
                </Form.Item>
              </Col>
              <Col span={6}>
                <Form.Item label="筛查年度">
                  <Input placeholder="筛查年度" />
                </Form.Item>
              </Col>
            </Row>


            <Row gutter={16} >

              <Col span={6}>
                <Form.Item label="用户名">
                  <Input placeholder="用户名" />
                </Form.Item>
              </Col>
              <Col span={6}>
                <Form.Item label="姓名">
                  <Input placeholder="姓名" />
                </Form.Item>
              </Col>
              <Col span={6}>
                <Form.Item label="联系电话">
                  <Input placeholder="联系电话" />
                </Form.Item>
              </Col>
              <Col span={6}>
                <Form.Item label="项目角色">
                  <Input placeholder="项目角色" />
                </Form.Item>
              </Col>
            </Row>


            <Row gutter={16} >
              <Col span={6}>
                <Form.Item label="所属部门">
                  <Select
                    showSearch
                    style={{ width: 200 }}
                    placeholder="请选择所属部门"
                  >
                    <Option value="jack">Jack</Option>
                    <Option value="lucy">Lucy</Option>
                    <Option value="tom">Tom</Option>
                  </Select>
                </Form.Item>
              </Col>
              <Col span={6}>
                <Form.Item label="专业">
                  <Input placeholder="专业" />
                </Form.Item>
              </Col>
              <Col span={6}>
                <Form.Item label="保密协议状态">
                  <Input placeholder="保密协议状态" />
                </Form.Item>
              </Col>
              <Col span={6}>
                <Form.Item label="冻结状态">
                  <Input placeholder="冻结状态" />
                </Form.Item>
              </Col>
            </Row>


            <Row gutter={16} >
              <Col span={6}>
                <Button type="primary"  >
                  查询
                </Button>
                <Button style={{ marginLeft: "10px" }}>重置</Button>
              </Col>
            </Row>
          </Form>







          <div style={{ width: "100%", height: "20px" }}>
          </div>
          <AddButton></AddButton>



          <Table columns={columns} dataSource={data} />




        </Card>


      </div>
    )
  }
}
